var addLindID = "addDetail";				//增加行按扭ID
var deleteLindID = "deleteAllDetail";		//删除所有行按扭ID
var tableID = "tableDetail";				//表格ID

$(function(){
	$('#' + addLindID).click(function(){
		bindDetailList(null);
	});
	
	$('#' + deleteLindID).click(function(){
		$('#' + tableID).find('tbody').find('tr').not('.no-records-found').remove();
		
		if($('#' + tableID).find('tbody').children('tr').length == 0){
			var trStr = '<tr class="no-records-found">	'+
					    '   <td colspan="7" style="font-size:14px;">			'+
						'		单充底部“新增行”增加行！		'+
						'	</td>						'+
						'</tr>';
			$('#' + tableID).find('tbody').append(trStr);
		}
	})
})

function bindDetailList(data){
	$('#' + tableID).find('.no-records-found').remove();
	
	var index = 1;
	if($('#' + tableID).find('tbody').find('tr').length > 0){
		index = parseInt($('#' + tableID).find('tbody').find('tr:last').find('.serialnumber').val()) + 1;
	}
	
    
    var nodecode = "";
    var nodename = "";
    var displayname = "";
    
    if(data != null){
    	nodecode = data.nodecode;
    	nodename = data.nodename;
    	displayname = data.displayname;
    }
        	
	
	var trStr = '<tr id="tr_'+ index +'" class="data">'+
				'<form class="form-horizontal detailForm" id="detailForm_'+ index +'">'+
			    '    <td>'+
			    '    	<input type="number" class="form-control serialnumber" style="text-align: center;" value="'+ index +'" name="serialnumber" />'+
			    '    </td>'+
			    '    <td style="width:120px;">'+
			    '    	<input type="text" class="form-control" name="nodecode" value="'+ nodecode +'" />'+
		        '	</td>'+
			    '    <td>'+
			    '    	<input type="text" class="form-control" name="nodename" value="'+ nodename +'" />'+
			    '    </td>'+
			    '    <td>'+
			    '    	<input type="text" class="form-control" name="displayname" value="'+ displayname +'" />'+
			    '    </td>'+
			    '    <td>'+
    			'		<button type="button" class="Delete btn btn-danger btn-sm" onclick="deleteDetailLine(\'tr_'+ index +'\');" style="margin-right:10px;"><span class="glyphicon glyphicon-minus"></span></button>'+
			    '    </td>'+
			    '</form>'+
			    '</tr>';
	
	$('#' + tableID).find('tbody').append(trStr);
}

function deleteDetailLine(trId){
	$('#' + trId).remove();
	
	if($('#' + tableID).find('tbody').children('tr').length == 0){
		var trStr = '<tr class="no-records-found">	'+
				    '   <td colspan="7" style="font-size:14px;">			'+
					'		单充底部“新增行”增加行！		'+
					'	</td>						'+
					'</tr>';
		$('#' + tableID).find('tbody').append(trStr);
	}
}
